import { useEffect, useState } from "react"
import axios from 'axios'
function useList() {
  /*
  * 自定义hooks
  * 作用：状态逻辑复用
  * 语法：useXXX() 
  * 说明❓：必须以use开头，函数内部使用官方提供的钩子函数（useState、useEffect等）
  */
  const [list,setList]= useState([])
  useEffect(()=>{
    // 写法一
    // const getNews=async ()=>{
    //   const{data}=await axios.get('http://ajax-api.itheima.net/api/news')
    //   console.log(data.data);
    //   setList(data.data)
    // }
  // 写法二借助函数自调用IIFE(立即执行函数表达式)
    // getNews()
    (async()=>{
      const{data}=await axios.get('http://ajax-api.itheima.net/api/news')
      console.log(data.data);
      setList(data.data)
    })()
  },[])
  return {list}
}
export {useList}